﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.1 首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_1_首页/styles.css" type="text/css" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_1_首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (天气页) -->

      <!-- Rectangle (矩形) -->
      <div id="u810" class="ax_default _形状" data-label="Rectangle">
        <div id="u810_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u811" class="ax_default _形状" data-label="Rectangle">
        <div id="u811_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u812" class="ax_default icon">
        <img id="u812_img" class="img " src="images/1_1_闹钟设定/u47.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u813" class="ax_default" data-left="102" data-top="22" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u814" class="ax_default _形状">
          <div id="u814_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u815" class="ax_default" data-left="109" data-top="37" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u816" class="ax_default _形状">
            <img id="u816_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u817" class="ax_default _形状">
            <img id="u817_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u818" class="ax_default _形状">
            <img id="u818_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u819" class="ax_default _形状">
            <img id="u819_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u820" class="ax_default _形状">
            <img id="u820_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u821" class="ax_default" data-left="440" data-top="34" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u822" class="ax_default _形状">
            <div id="u822_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u823" class="ax_default _形状">
            <div id="u823_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u824" class="ax_default _形状">
            <div id="u824_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u825" class="ax_default _文本段落" data-label="Header 2">
        <div id="u825_div" class=""></div>
        <div id="u825_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u826" class="ax_default _文本段落" data-label="Header 2">
        <div id="u826_div" class=""></div>
        <div id="u826_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u827" class="ax_default _文本段落" data-label="Header 2">
        <div id="u827_div" class=""></div>
        <div id="u827_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u828" class="ax_default icon">
        <img id="u828_img" class="img " src="images/2_1_首页/u828.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u829" class="ax_default icon">
        <img id="u829_img" class="img " src="images/2_1_首页/u829.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u830" class="ax_default" data-left="190" data-top="110" data-width="340" data-height="220">

        <!-- Unnamed (矩形) -->
        <div id="u831" class="ax_default box_1">
          <div id="u831_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u832" class="ax_default" data-left="210" data-top="145" data-width="299" data-height="138">

          <!-- Unnamed (图片) -->
          <div id="u833" class="ax_default image">
            <img id="u833_img" class="img " src="images/2_1_首页/u833.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u834" class="ax_default _一级标题">
            <div id="u834_div" class=""></div>
            <div id="u834_text" class="text ">
              <p><span>多云转晴</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u835" class="ax_default _二级标题">
            <div id="u835_div" class=""></div>
            <div id="u835_text" class="text ">
              <p><span>5月1日</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u836" class="ax_default _三级标题">
            <div id="u836_div" class=""></div>
            <div id="u836_text" class="text ">
              <p><span>星期六</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u837" class="ax_default _一级标题">
            <div id="u837_div" class=""></div>
            <div id="u837_text" class="text ">
              <p><span>30℃</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u838" class="ax_default line">
        <img id="u838_img" class="img " src="images/2_1_首页/u838.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u839" class="ax_default" data-left="190" data-top="380" data-width="340" data-height="269">

        <!-- Unnamed (矩形) -->
        <div id="u840" class="ax_default _一级标题">
          <div id="u840_div" class=""></div>
          <div id="u840_text" class="text ">
            <p><span>今日新闻</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u841" class="ax_default box_1">
          <div id="u841_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u842" class="ax_default line">
          <img id="u842_img" class="img " src="images/2_1_首页/u842.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u843" class="ax_default" data-left="210" data-top="448" data-width="192" data-height="90">

          <!-- Unnamed (图片) -->
          <div id="u844" class="ax_default image">
            <img id="u844_img" class="img " src="images/2_1_首页/u844.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u845" class="ax_default _一级标题">
            <div id="u845_div" class=""></div>
            <div id="u845_text" class="text ">
              <p><span>文章标题</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u846" class="ax_default label">
            <div id="u846_div" class=""></div>
            <div id="u846_text" class="text ">
              <p><span>内容概要</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u847" class="ax_default" data-left="210" data-top="570" data-width="192" data-height="78">

          <!-- Unnamed (图片) -->
          <div id="u848" class="ax_default image">
            <img id="u848_img" class="img " src="images/2_1_首页/u848.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u849" class="ax_default _一级标题">
            <div id="u849_div" class=""></div>
            <div id="u849_text" class="text ">
              <p><span>文章标题</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u850" class="ax_default label">
            <div id="u850_div" class=""></div>
            <div id="u850_text" class="text ">
              <p><span>内容概要</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (天气页) -->

      <!-- Rectangle (矩形) -->
      <div id="u852" class="ax_default _形状" data-label="Rectangle">
        <div id="u852_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u853" class="ax_default _形状" data-label="Rectangle">
        <div id="u853_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u854" class="ax_default icon">
        <img id="u854_img" class="img " src="images/1_1_闹钟设定/u47.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u855" class="ax_default" data-left="102" data-top="22" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u856" class="ax_default _形状">
          <div id="u856_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u857" class="ax_default" data-left="109" data-top="37" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u858" class="ax_default _形状">
            <img id="u858_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u859" class="ax_default _形状">
            <img id="u859_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u860" class="ax_default _形状">
            <img id="u860_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u861" class="ax_default _形状">
            <img id="u861_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u862" class="ax_default _形状">
            <img id="u862_img" class="img " src="images/1_1_闹钟设定/u51.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u863" class="ax_default" data-left="440" data-top="34" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u864" class="ax_default _形状">
            <div id="u864_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u865" class="ax_default _形状">
            <div id="u865_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u866" class="ax_default _形状">
            <div id="u866_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u867" class="ax_default _文本段落" data-label="Header 2">
        <div id="u867_div" class=""></div>
        <div id="u867_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u868" class="ax_default _文本段落" data-label="Header 2">
        <div id="u868_div" class=""></div>
        <div id="u868_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u869" class="ax_default _文本段落" data-label="Header 2">
        <div id="u869_div" class=""></div>
        <div id="u869_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u870" class="ax_default icon">
        <img id="u870_img" class="img " src="images/2_1_首页/u828.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u871" class="ax_default icon">
        <img id="u871_img" class="img " src="images/2_1_首页/u829.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u872" class="ax_default _三级标题">
        <div id="u872_div" class=""></div>
        <div id="u872_text" class="text ">
          <p><span>星期六</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u873" class="ax_default" data-left="876" data-top="108" data-width="340" data-height="220">

        <!-- Unnamed (矩形) -->
        <div id="u874" class="ax_default box_1">
          <div id="u874_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u875" class="ax_default" data-left="896" data-top="130" data-width="282" data-height="162">

          <!-- Unnamed (图片) -->
          <div id="u876" class="ax_default image">
            <img id="u876_img" class="img " src="images/2_1_首页/u833.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u877" class="ax_default _一级标题">
            <div id="u877_div" class=""></div>
            <div id="u877_text" class="text ">
              <p><span>多云转晴</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u878" class="ax_default _二级标题">
            <div id="u878_div" class=""></div>
            <div id="u878_text" class="text ">
              <p><span>5月1日</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u879" class="ax_default _一级标题">
            <div id="u879_div" class=""></div>
            <div id="u879_text" class="text ">
              <p><span>30℃</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u880" class="ax_default" data-left="932" data-top="270" data-width="59" data-height="22">

            <!-- Unnamed (矩形) -->
            <div id="u881" class="ax_default _三级标题">
              <div id="u881_div" class=""></div>
              <div id="u881_text" class="text ">
                <p><span>广州</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u882" class="ax_default icon">
              <img id="u882_img" class="img " src="images/2_1_首页/u882.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u883" class="ax_default line">
        <img id="u883_img" class="img " src="images/2_1_首页/u838.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u884" class="ax_default" data-left="876" data-top="378" data-width="340" data-height="269">

        <!-- Unnamed (矩形) -->
        <div id="u885" class="ax_default _一级标题">
          <div id="u885_div" class=""></div>
          <div id="u885_text" class="text ">
            <p><span>今日新闻</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u886" class="ax_default box_1">
          <div id="u886_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u887" class="ax_default line">
          <img id="u887_img" class="img " src="images/2_1_首页/u842.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u888" class="ax_default" data-left="896" data-top="446" data-width="192" data-height="90">

          <!-- Unnamed (图片) -->
          <div id="u889" class="ax_default image">
            <img id="u889_img" class="img " src="images/2_1_首页/u844.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u890" class="ax_default _一级标题">
            <div id="u890_div" class=""></div>
            <div id="u890_text" class="text ">
              <p><span>文章标题</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u891" class="ax_default label">
            <div id="u891_div" class=""></div>
            <div id="u891_text" class="text ">
              <p><span>内容概要</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u892" class="ax_default" data-left="896" data-top="568" data-width="192" data-height="78">

          <!-- Unnamed (图片) -->
          <div id="u893" class="ax_default image">
            <img id="u893_img" class="img " src="images/2_1_首页/u848.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u894" class="ax_default _一级标题">
            <div id="u894_div" class=""></div>
            <div id="u894_text" class="text ">
              <p><span>文章标题</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u895" class="ax_default label">
            <div id="u895_div" class=""></div>
            <div id="u895_text" class="text ">
              <p><span>内容概要</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u896" class="ax_default box_3">
        <div id="u896_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u897" class="ax_default" data-left="228" data-top="262" data-width="270" data-height="176">

        <!-- Unnamed (组合) -->
        <div id="u898" class="ax_default" data-left="228" data-top="262" data-width="270" data-height="176">

          <!-- Rectangle (矩形) -->
          <div id="u899" class="ax_default _形状" data-label="Rectangle">
            <div id="u899_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u900" class="ax_default _水平线">
            <img id="u900_img" class="img " src="images/2_1_首页/u900.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u901" class="ax_default _垂直线">
            <img id="u901_img" class="img " src="images/2_1_首页/u901.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u902" class="ax_default _文本段落">
          <div id="u902_div" class=""></div>
          <div id="u902_text" class="text ">
            <p><span>允许通知</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u903" class="ax_default _文本段落">
          <div id="u903_div" class=""></div>
          <div id="u903_text" class="text ">
            <p><span>我们可以向你推送每日天气情况以及在</span></p><p><span>特殊时刻提醒您紧急的天气变化！</span></p>
          </div>
        </div>

        <!-- paragraph (矩形) -->
        <div id="u904" class="ax_default _文本段落" data-label="paragraph">
          <div id="u904_div" class=""></div>
          <div id="u904_text" class="text ">
            <p><span>确认</span></p>
          </div>
        </div>

        <!-- paragraph (矩形) -->
        <div id="u905" class="ax_default _文本段落" data-label="paragraph">
          <div id="u905_div" class=""></div>
          <div id="u905_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u906" class="ax_default image">
        <img id="u906_img" class="img " src="images/1_1_闹钟设定/u90.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u907" class="ax_default image">
        <img id="u907_img" class="img " src="images/1_1_闹钟设定/u90.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u908" class="ax_default" data-left="490" data-top="405" data-width="369" data-height="7">

        <!-- Unnamed (水平线) -->
        <div id="u909" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="365" CompoundMode="true">
          <img id="u909_img" class="singleImg img " src="images/2_1_首页/u909.png"/>
          <div id="u909p000" class="ax_vector_shape" WidgetTopLeftX="-0.494594594594595" WidgetTopLeftY="0" WidgetTopRightX="0.491891891891892" WidgetTopRightY="0" WidgetBottomLeftX="-0.494594594594595" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.491891891891892" WidgetBottomRightY="0.166666666666667">
            <img id="u909p000_img" class="img " src="images/2_1_首页/u909p000.png"/>
          </div>
          <div id="u909p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="91.25" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="91.25" WidgetBottomRightY="0">
            <img id="u909p001_img" class="img " src="images/1_1_闹钟设定/u92p001.png"/>
          </div>
          <div id="u909p002" class="ax_vector_shape" WidgetTopLeftX="16.4090909090909" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="16.4090909090909" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u909p002_img" class="img " src="images/1_1_1_闹钟个性化设定/u317p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u910" class="ax_default _形状">
          <div id="u910_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u911" class="ax_default image">
        <img id="u911_img" class="img " src="images/2_1_首页/u911.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u912" class="ax_default box_1">
        <img id="u912_img" class="img " src="images/1_1_闹钟设定/u166.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u913" class="ax_default _一级标题">
        <div id="u913_div" class=""></div>
        <div id="u913_text" class="text ">
          <p><span>天气&amp;新闻 - 首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u914" class="ax_default label">
        <div id="u914_div" class=""></div>
        <div id="u914_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1. 在屏幕下方栏点击中间的图标进入 </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">2.1【天气&amp;新闻首页】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u915" class="ax_default label">
        <div id="u915_div" class=""></div>
        <div id="u915_text" class="text ">
          <p><span>2. 用户初次进入该页面弹出提示窗口，向用户询问发送通知的</span></p><p><span>权限。用户可点击确认打开APP通知权限，也可以点击取消不</span></p><p><span>给予权限并关闭弹窗。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u916" class="ax_default label">
        <div id="u916_div" class=""></div>
        <div id="u916_text" class="text ">
          <p><span>4. 用户可通过在屏幕上下划动浏览更多新闻头条。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u917" class="ax_default label">
        <div id="u917_div" class=""></div>
        <div id="u917_text" class="text ">
          <p><span>3. 天气通知：当用户给予APP权限发送通知后，APP会在每日</span></p><p><span>闹钟响起后向用户推送当日实时天气。同时，若当日天气出现</span></p><p><span>特殊情况，APP也会向用户发送通知。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u918" class="ax_default label">
        <div id="u918_div" class=""></div>
        <div id="u918_text" class="text ">
          <p><span>更多</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u919" class="ax_default image">
        <img id="u919_img" class="img " src="images/1_1_闹钟设定/u144.png"/>
      </div>
    </div>
  </body>
</html>
